.px2rem(@name, @px){
    @{name}: @px / 124 * 1rem;
}
.w(@px){
    .px2rem(width,@px);
}
.h(@px){
    .px2rem(height,@px);
}
.fz(@px){
    .px2rem(font-size,@px);
}
.mt(@px){
    .px2rem(margin-top,@px);
}
.pl(@px){
    .px2rem(padding-left,@px);
}
.ml(@px){
    .px2rem(margin-left,@px);
}
.mr(@px){
    .px2rem(margin-right,@px);
}
.pt(@px){
    .px2rem(padding-top,@px);
}
.pd(@px){
    .px2rem(padding,@px);
}
.br(@px){
    .px2rem(border-radius,@px);
}
.lt(@px){
    .px2rem(line-height,@px);
}
a{
    text-decoration: none;
}
html,body{
    background: #f9f9f9;
}
.head{
    width: 100%;
   .h(150);
   background: #fff;
   border-bottom: 1px solid #ededed;
   box-shadow: 0 3px 2px #C0C0C0;
   display: flex;
   justify-content: space-between;
   align-items: center;
   font-weight: bold;
   position: fixed;
   top: 0;
   left: 0;
   figure{
       .fz(48);
   }
   a{
       .fz(43);
       color:#000;
   }
   a:first-child{
       padding-left: 3%;
   }
   a:last-child{
       padding-right: 3%;
   }
}


.content{
    .h(620);
    background: #fff;
    .mt(160);
    text-align: center;
    .txt{
        .pl(16);
        .pt(20);
          width: 95%;
          height: 50%;
          overflow: hidden;
          border: none;
    }
    .add{
          .w(158);
          .h(158);
          border: 1px solid #C0C0C0;
          .br(15);
          .fz(85);
          .lt(158);
          text-align: center;
          color:#bebebe;
          .ml(40);
          .mt(30);
    }
}


.box{
   
    background: #fff;
    .mt(90);
    .author{
        display: flex;
        justify-content: space-between;
        .h(300);
        border-bottom: 1px solid #efefef;
        align-items: center;
        .fz(36);
        p:first-child{
            .ml(30);
        }
        .pic{
          .fz(60);
        }
       div{
           height: 100%;
           display: flex;
           .mr(10);
           align-items: center;
        } 
    } 
    .author_foot{
      display: flex;
        justify-content: space-between;
        .h(300);
        border-bottom: 1px solid #efefef;
        align-items: center;
        .fz(36);
        p:first-child{
            .ml(30);
        }
        .pics{
          .fz(70);
        }
       div{
           height:100%;
           display: flex;
           margin-right:3%;
           align-items: center;
        } 
    }
}
